<template>
    <div class="app-container">
        <el-card class="box-card">
            <el-form :model="ruleForm" status-icon ref="ruleForm" label-width="100px" class="demo-ruleForm">
                <el-form-item label="协议名称" prop="name">
                    <el-input type="text" v-model="ruleForm.name" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="协议内容" prop="phone">
                    <tinymce-editor :height="360" />
                </el-form-item>
                <el-form-item label="开启状态" prop="qualification">
                    <el-radio-group v-model="ruleForm.qualification">
                        <el-radio label="启用"></el-radio>
                        <el-radio label="禁用"></el-radio>
                    </el-radio-group>
                </el-form-item>
            </el-form>
        </el-card>
    </div>
</template>

<script>
import TinymceEditor from '@/components/Tinymce'
export default {
    components: {
        TinymceEditor,
    },
    data() {
        return {
            ruleForm: {}
        }
    },
}
</script>

<style></style>